/* 
	Theme Name: iPress
	Theme URL: http://ihao.net/
	Description: iPress 1.2 is an simple theme for wordpress.
	Author: iHao
	Author URI: http://ihao.net/
	Version: 1.2
*/

/* +++++++++++++++++++++++++++++++ LAYOUT +++++++++++++++++++++++++

++ main */

body { margin: 0 auto; padding: 0; text-align: left; width: 975px; }
html, img { text-align: center; padding: 0; margin: 0;}
div, dl, dt, dd, ul, ol, lo,h1, h2, h3, h4, h5, h6,form { margin: 0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; padding: 0 15px; }
.addbar { clear: both; float: left; padding: 10px 0; width: 100%; }
textarea { width: 500px; }
.addbar .wide { float: left; width: 728px; }
.addbar img { display: block; }
.alignleft { float: left }
.alignright { float: right; }
#clear { clear: both; }

/* tools */

#tools { float: left; width: 100%; }
#tools form { float: right; padding: 5px 0; width: 230px; }
#tools form input.submitbutton { margin: 0 0 0 5px; }
#tools form input.textfield { width: 125px; }
#tools p { margin: 0 230px 0 7px; padding: 5px; }

/* menu */

#menu { float: left; width: 100%; }
#menu h1 { padding: 10px 15px; }
#menu ul { float: right; padding: 15px 15px; }
#menu ul li {	 display: inline; }
#menu ul li#about, #menu ul li#advertise, #menu ul li#contact { margin: 0 0 0 15px; }

/* contentarea */

#contentarea { float: left; width: 100%; }
#contentarea .wide ul,
#contentarea .narrow ul { list-style: disc; line-height: 2em; padding: 0 0 0 20px; margin: 0 0 0 10px; }
#contentarea .wide ul li { margin: 5px; }
#contentarea .wide ul.linkage li { margin: 0; }
#contentarea .narrow ul li { list-style: none; line-height: 2em; padding: 5px 0; margin: 2px 0; }
#contentarea .wide ol,
#contentarea .narrow ol { line-height: 2.5em; padding: 10px 25px 0; margin: 0; }
#contentarea .narrow ul.fresh,
#contentarea .wide ul.fresh,
#contentarea .narrow ul.linkage,
#contentarea .wide ul.linkage { list-style: none; padding: 0; margin: 5px 0; }
#contentarea .narrow ul.fresh li,
#contentarea .wide ul.fresh li,
#contentarea .narrow ul.linkage li,
#contentarea .wide ul.linkage li { list-style: none; line-height: 2em; padding: 5px 15px; }

/* wide */

#contentarea .wide { float: left; width: 525px; }
#contentarea .wide p { line-height: 2.25em; padding: 5px 10px; margin: 0px; }
#contentarea .wide blockquote { padding: 2px 10px; }
#contentarea .wide ul li a,
#contentarea .wide p a { padding: 3px 5px; margin: 0 1px; }
#contentarea .wide .postinfo { margin: 5px 0; padding:5px 15px 25px 15px; }
#contentarea .wide .pointout { margin: 5px 0; padding:5px 15px; }
#contentarea .wide .postinfo h2,
#contentarea .wide .pointout h2 { padding: 0; margin: 5px 0; }
#contentarea .wide p.postimage { margin: 0 0 10px 0;padding: 0 0 5px 0; }
#contentarea .wide p.postimage img { display: block; }
#contentarea .wide p.posttools { padding: 0 15px; }
#contentarea .wide p.title { line-height: 1.5em; margin: 0; padding: 5px 15px; }
#contentarea .wide p.ing { line-height: 1.5em; margin: 0; padding: 5px 10px; }
#contentarea .wide .navigation { line-height: 2em; padding: 0 10px 25px 10px; margin: 5px 0; }
*html #contentarea .wide p.ing {padding: 5px 10px;}

/* comments */

#comments { line-height: 2.25em; font-size: 120%; border-left: 3px solid #FD349E; background: #222; padding: 5px 10px; }
#commentlist li { background: #222; border-left: 3px solid #333; margin: 0; }
#commentlist li p { margin:5px; padding: 5px; }
#commentlist li.authorcomment { border-left: 3px solid #999; }

/* narrow */

.narrow { float: left; width:450px; }
.narrow_l { float: left; width: 260px; }
.narrow_r { float: right; width: 190px; }
#contentarea .narrow h3 { padding: 5px 15px 0 15px; }
#contentarea .narrow p.addspace { padding: 0 0 10px 0; }
#contentarea .narrow p.addspace img { display: block; }
#contentarea .narrow p.title { line-height: 1.5em; margin: 0; padding: 5px 15px; }

/* Nav - PlugIn */

.Nav { padding: 10px; margin: 5px; font-size: 11px; }
.Nav a, .Nav a:visited, .Nav a:hover, 
.Nav span, .Nav .on { padding: 5px 8px; }

/* footer */

#footer { clear: both; padding: 10px 0 15px 0; }
#footer p { padding: 0 15px 5px 15px; }


/* +++++++++++++++++++++++++++++++ VIEW +++++++++++++++++++++++++

++ color +#2BC1E2+#FD349E+#F9C500 */

body { color: #DADADA; }
span.stronge, .Nav .on { color: #EEE; }
big { color: #94bb00; }
a:link, a:focus { color: #2BC1E2; }
.warn, a:hover { color: #FD349E; }
a:active, a:visited,
#contentarea .wide blockquote { color: #0080AA; }
input, textarea, select,
#tools p a:link, #tools p a:visited, 
#tools p a:hover, #tools p a:active,
#menu h1 a:hover, #menu ul li a,
#menu ul li.page_item a { color: #2BC1E2; }
#menu h1 a,
#menu ul li.current_page_item a,
#menu ul li.page_item a:hover { color: #FD349E; }
#contentarea .wide p.title { color: #FFF; }
#contentarea .wide p.postinfo,
#contentarea .wide p.pointout,
#contentarea .narrow ul.linkage li,
#contentarea .wide ul.linkage li, .narrow { color: #AAA; }
#footer { color: #303030; }

/* background  */

input, textarea, select { background: #111; }
body { background: #151515; }
#contentarea .wide p a,
#contentarea .narrow ul li:hover,
#contentarea .wide ul li a { background: #1B1B1B; }
#tools, #contentarea .wide p a:hover,
#contentarea .wide ul li a:hover,
#contentarea .wide p.title,
#contentarea .wide p.ing,
#contentarea .wide .postinfo,
#contentarea .wide .pointout,
#contentarea .wide .navigation,
#contentarea .narrow p.title,
.Nav a, .Nav a:visited, .Nav a:hover, 
.Nav span, .Nav .on { background: #222; }
#contentarea .wide blockquote,
#contentarea .wide p.postimage { background: #1a1a1a; }
#contentarea .narrow ul li { background: #181818; }

/* border and color */

input, textarea, select { border: 1px solid #2b2b2b; }
img { border: none; }
#menu ul li:hover { border-bottom: 3px solid #333; }
#contentarea .wide .postinfo,
#contentarea .wide .pointout { border-left: 3px solid #2BC1E2; }
#contentarea .wide blockquote { border-top: 2px solid #282828; border-bottom: 2px solid #282828; }
#contentarea .wide .navigation { border-left: 3px solid #444; }
#contentarea .narrow p.title,
#contentarea .wide p.title,
#contentarea .wide p.ing { border-left: 3px solid #FD349E; }
#contentarea .wide ul.linkage li,
#contentarea .narrow ul { border-left: 3px solid #222; }
.Nav a, .Nav a:visited, .Nav a:hover, 
.Nav span, .Nav .on { border: solid 1px #333; }
#footer { border-top: 1px solid #303030; }

/* fonts */

@media screen {
BODY {font-size:10px; }
}
body, input, textarea, select { font: 90%/1.5 Tahoma, Arial, Helvetica, sans-serif; }
span.stronge, cite { font-weight: bold; font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: Trebuchet MS,Arial, Helvetica, sans-serif; 	font-size: 100%; font-weight: bold; }
big { font-size: 140%; }
a:link, a:hover,
a:active { text-decoration: none; }
a:visited { text-decoration: underline; }
a:focus { outline: none; }
#tools form input.submitbutton,
#tools form input.textfield,
#contentarea .wide p.postinfo,
#contentarea .wide p.pointout,
#contentarea .wide p.posttools.
#contentarea .wide p.title,
#contentarea .narrow p.title,
#footer p { font-size: 90%; }
#tools p, #menu h1,
#contentarea .narrow h3,
#contentarea .wide .postinfo h2,
#contentarea .wide .pointout h2 { font-weight: bold; }
#menu h1 { font-size: 220%; }
#menu ul { font-size: 180%; }
/*#menu ul li { text-transform: uppercase; }lowercase*/
#contentarea .narrow ul.fresh li,
#contentarea .wide ul.fresh li,
#contentarea .narrow ul.linkage li,
#contentarea .wide ul.linkage li { font-size: 100%; }
#contentarea .narrow h3 { font-size: 110%; }
#contentarea .wide .postinfo h2,
#contentarea .wide .pointout h2 { font-size: 150%; }
#footer p { text-align: center; }